<template>
  <div class="Page">
    <div @click="onClick" >图片裁剪上传</div>
    <ImgCutting ref="redsd" :zhidig="dddd" @uploadImg="uploadImg">></ImgCutting>

    <div class="img-box">
      <img id="filterbg2" :src="ImgCuttingImgUrl" alt="">
    </div>
  </div>
</template>
<script>
// import img960480 from '@/assets/960480.png'

import ImgCutting from './modules/imgcutting'

export default {
  name: 'Page',
  components: {
    ImgCutting
  },
  data () {
    return {
      ImgCuttingImgUrl: '',
      dddd: '2'
    }
  },
  created () {},
  mounted () {},
  methods: {
    onClick () {
      this.$refs.redsd.add()
    },
    uploadImg (url) {
      this.ImgCuttingImgUrl = url
    }
  }
}
</script>
<style scoped lang="less">
.img-box {
  width: 30%;
}
.img-box img {
  width: 100%;
}

</style>
